<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				color: bisque;
			}
			#d1{
				color: black;
			}
			.cls1{
				color: blue;
			}
			
			div p{
				border: 1px solid;
			}
			
			div>p{
				border: 12px solid;
			}
			
			input[type="text"]{
				border: 20px solid;
			}
			
		</style>
		<title>选择器</title>
	</head>
	<body>
		<div>
			444656
		</div>
		<div id="d1">121313</div>
		<p class="cls1">324232</p>
		<div>
			<p>子类</p>
		</div>
		
		<div>
			父类
			<p>5465</p>
		</div>
		<input type="text">
	</body>
</html>